<template>
  <div class="page page-404">
    <div class="content">
      <img src="../assets/404.png" width="40%"/>
      <h4>很抱歉！<br>你访问的页面不存在哦...</h4>
      <van-button @click="toIndex">跳回首页</van-button>
    </div>
  </div>
</template>

<script>
export default {
  name: 'NotFound',
  methods: {
    toIndex() {
      this.$utils.pushState(
        `${this.$utils.env.publicPath}home/`,
        '精细化平台',
      )
    },
  },
}
</script>

<style lang="scss" scoped>
.page-404 {
  width: 100%;
  height: 100vh;
  background: #caae91;
  overflow: hidden;
  text-align: center;

  .content {
    width: 70%;
    margin: 40px auto;
    padding: 20px 20px;
    background: #fdf9ee;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 10px;
  }
}
</style>
